<script setup>
//导入ref：响应式的变量定义
import {ref} from 'vue'
//定义字符串
const message = ref('欢迎大家学习Vue')
const score = ref(92.5)
</script>

<template>
    <div class="card"></div>
  <!--模板插值语法  -->
    <h3>{{message}}</h3>
    <h3>分数:<span class="score">{{score}}</span></h3>
</template>

<style scoped>
  .card{
    width: 50px;
    height: 50px;
    background-color: red;
  }
  .score{
    color: blue;
  }
</style>